<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery/jquery-3.4.1.js"></script>
</head>
<body>

<div style="width: 60%;margin-left: 5%">
    <div style="float: left;width: 15%;border-right: 1px solid"><img src="../img/userphoto_54x54.12cb9a47.png" alt="">
        <div>用户名称</div>
        <div>vip等级</div>
    </div>
    <div style="width: 80%;float: left;margin-left: 1%;height: 95px;border: 1px lightgrey dashed">

        <div style="float: right;background-color: #F88E2F;color: white"> 优质点评</div>
        <div style="margin-top: 20px;margin-left: 5%;font-size: 14px;margin-right: 5%">以把这酒店还这酒店这酒店还可以把这酒店还可以把还可以把这酒店这酒店还可以把这酒店还</div>
        <div style="float:right;margin-right: 7%;font-size: 12px;cursor: pointer;margin-top: 10px">查看详细</div>
        <div style="margin-top: 35px;height: 20px;background-color: yellow;float: right;">2020-6-18</div>
    </div>
</div>

<div style="width: 60%;margin-left: 5%">
    <div style="float: left;width: 15%;border-right: 1px solid"><img src="../img/userphoto_54x54.12cb9a47.png" alt="">
        <div>用户名称</div>
        <div>vip等级</div>
    </div>
    <div style="width: 80%;float: left;margin-left: 1%;height: 95px;border: 1px lightgrey dashed">

        <div style="float: right;background-color: #F88E2F;color: white"> 优质点评</div>
        <div style="margin-top: 20px;margin-left: 5%;font-size: 14px;margin-right: 5%">以把这酒店还这酒店这酒店还可以把这酒店还可以把还可以把这酒店这酒店还可以把这酒店还</div>
        <div style="float:right;margin-right: 7%;font-size: 12px;cursor: pointer;margin-top: 10px">查看详细</div>
        <div style="margin-top: 35px;height: 20px;background-color: yellow;float: right;">2020-6-18</div>
    </div>
</div>

<div style="width: 60%;margin-left: 5%">
    <div style="float: left;width: 15%;border-right: 1px solid"><img src="../img/userphoto_54x54.12cb9a47.png" alt="">
        <div>用户名称</div>
        <div>vip等级</div>
    </div>
    <div style="width: 80%;float: left;margin-left: 1%;height: 95px;border: 1px lightgrey dashed">

        <div style="float: right;background-color: #F88E2F;color: white"> 优质点评</div>
        <div style="margin-top: 20px;margin-left: 5%;font-size: 14px;margin-right: 5%">以把这酒店还这酒店这酒店还可以把这酒店还可以把还可以把这酒店这酒店还可以把这酒店还</div>
        <div style="float:right;margin-right: 7%;font-size: 12px;cursor: pointer;margin-top: 10px">查看详细</div>
        <div style="margin-top: 35px;height: 20px;background-color: yellow;float: right;">2020-6-18</div>
    </div>
</div>

<div style="width: 60%;margin-left: 5%">
    <div style="float: left;width: 15%;border-right: 1px solid"><img src="../img/userphoto_54x54.12cb9a47.png" alt="">
        <div>用户名称</div>
        <div>vip等级</div>
    </div>
    <div style="width: 80%;float: left;margin-left: 1%;height: 95px;border: 1px lightgrey dashed">

        <div style="float: right;background-color: #F88E2F;color: white"> 优质点评</div>
        <div style="margin-top: 20px;margin-left: 5%;font-size: 14px;margin-right: 5%">以把这酒店还这酒店这酒店还可以把这酒店还可以把还可以把这酒店这酒店还可以把这酒店还</div>
        <div style="float:right;margin-right: 7%;font-size: 12px;cursor: pointer;margin-top: 10px">查看详细</div>
        <div style="margin-top: 35px;height: 20px;background-color: yellow;float: right;">2020-6-18</div>
    </div>
</div>

</body>
</html>

<script>
    function bg1() {
        return '#' + Math.floor(Math.random() * 0xffffff).toString(16);
    }

    $("#random").css("background-color", bg1())

</script>